@charset "utf-8";
@import "common/reset";       //连接到reset文件
@function p($px) {
    @return $px/2*1px;
    /*自动除2得结果*/
}
.header {
    padding-top: p(48);
    padding-left: p(23);
    padding-right: p(21);
    overflow: hidden;
    text-align: center;
    .back {
        width: p(123);
        height: p(57);
        border: 2px solid #FF9344;
        font-size: p(21);
        text-align: center;
        padding-top: p(16);
        border-radius: p(16); //      margin-left: 23px;
        //      margin-top: 49px;
        display: inline-block;
        vertical-align: middle;
        float:left;
        a {
            color: black;
        }
    }
    p {
        font-size: p(26);
        display: inline-block;
        vertical-align: middle;
        
        
    }
    .star{
        
        width: p(52);
//      height: p(49);
        float: right;
        vertical-align: middle;
        position:relative;
        img{
            width: 100%;
            
        }
        
        &:after{
        content: "2";
        color: white;
        border: 1px solid #fa5050;
        height: p(28);
        width: p(28);
        display: inline-block;
        background: #fa5050;
        border-radius: 50%;
        line-height: p(28);
        font-size: p(16);
        position: absolute;
        margin-left: p(-16);
        margin-top: p(-16);
    }
    }
    
    .clear{
        clear: both;
    }
    
    
   
}
section{
    padding-left: p(23);
    padding-right: p(21);
    padding-bottom: p(152);
    .personal{
        margin-top:p(20);
        overflow:hidden;
        a{
            width: p(170);
            height: p(170);
            display: inline-block;
            float: left;
            img{
                width: 100%;
            }
        }
        .denglu{
            overflow: hidden;
             h3{
            font-size: p(29);
            margin-top: p(46);
            vertical-align: middle;
            display:inline-block;
            margin-bottom: p(26);
        }
        span{
            font-size: p(26);
            vertical-align: middle;
            display:block;
            color: #9d9d9d;
        }
        .you{
            font-size: p(90);
            float: right;
            margin-top: p(-106);
        }
        }
       
    }
    .imgS{
        width: 100%;
        text-align: center;
        margin-top: p(26);
        .imgOne{
            width: 27.77%;
            display: inline-block;
            margin-right:5%;
            a{
                width: 100%;
                img{
                    width: 100%;
                }
            }
        }
        .imgTwo{
            width: 27.77%;
            display: inline-block;
            margin-right:5%;
            a{
                width: 100%;
                img{
                    width: 100%;
                }
            }
        }
        .imgThr{
            width: 27.77%;
            display: inline-block;
            a{
                width: 100%;
                img{
                    width: 100%;
                }
            }
        }
    }
    .qianbao{
            width: 100%;
            overflow: hidden;
            line-height: p(74);
            h3{
                
                display: inline-block;
                float: left;
                vertical-align: middle;
                img{
                    
                    width: p(57);
                    height: p(74);
                    vertical-align: middle;
                   
                }
                span{
                    margin-left: p(38);
                    font-size: p(26);
                    vertical-align: middle;
                }
            }
            p{
                float: right;
                vertical-align: middle;
                display: inline-block;
                text-align: center;
                font-size: p(24);
                img{
                    vertical-align: middle;
                    width: p(25);
                    height: p(26);
                }
            }
        }
        .dianping{
            width: 100%;
            overflow: hidden;
            line-height: p(74);
            h3{
                
                display: inline-block;
                float: left;
                vertical-align: middle;
                img{
                    
                    width: p(71);
                    height: p(74);
                    vertical-align: middle;
                   
                }
                span{
                    margin-left: p(22);
                    font-size: p(26);
                    vertical-align: middle;
                }
            }
            p{
                float: right;
                vertical-align: middle;
                display: inline-block;
                text-align: center;
                font-size: p(24);
                img{
                    vertical-align: middle;
                    width: p(25);
                    height: p(26);
                }
            }
        }
        .haoyou{
            width: 100%;
            overflow: hidden;
            line-height: p(74);
            h3{
                
                display: inline-block;
                float: left;
                vertical-align: middle;
                img{
                    
                    width: p(94);
                    height: p(58);
                    vertical-align: middle;
                   
                }
                span{
                    margin-left: p(2);
                    font-size: p(26);
                    vertical-align: middle;
                }
            }
            p{
                float: right;
                vertical-align: middle;
                display: inline-block;
                text-align: center;
                font-size: p(24);
                img{
                    vertical-align: middle;
                    width: p(25);
                    height: p(26);
                }
            }
        }
        .zuji{
            width: 100%;
            overflow: hidden;
            line-height: p(74);
            h3{
                
                display: inline-block;
                float: left;
                vertical-align: middle;
                img{
                    
                    width: p(59);
                    height: p(59);
                    vertical-align: middle;
                   
                }
                span{
                    margin-left: p(38);
                    font-size: p(26);
                    vertical-align: middle;
                }
            }
            p{
                float: right;
                vertical-align: middle;
                display: inline-block;
                text-align: center;
                font-size: p(24);
                img{
                    vertical-align: middle;
                    width: p(25);
                    height: p(26);
                }
            }
        }
        .shezhi{
            width: 100%;
            overflow: hidden;
            line-height: p(74);
            margin-top: p(79);
            h3{
                
                display: inline-block;
                float: left;
                vertical-align: middle;
                img{
                    
                    width: p(79);
                    height: p(79);
                    vertical-align: middle;
                   
                }
                span{
                    margin-left: p(18);
                    font-size: p(26);
                    vertical-align: middle;
                }
            }
            p{
                float: right;
                vertical-align: middle;
                display: inline-block;
                text-align: center;
                font-size: p(24);
                img{
                    vertical-align: middle;
                    width: p(25);
                    height: p(26);
                }
            }
        }
        .lianxi{
            width: 100%;
            overflow: hidden;
            line-height: p(74);
            h3{
                
                display: inline-block;
                float: left;
                vertical-align: middle;
                img{
                    
                    width: p(84);
                    height: p(59);
                    vertical-align: middle;
                   
                }
                span{
                    margin-left: p(18);
                    font-size: p(26);
                    vertical-align: middle;
                }
            }
            p{
                float: right;
                vertical-align: middle;
                display: inline-block;
                text-align: center;
                font-size: p(24);
                img{
                    vertical-align: middle;
                    width: p(25);
                    height: p(26);
                }
            }
        }
     .foot{
         width: 100%;
         padding-left: p(86);
         padding-right: p(86);
         margin-top: p(36);
         .tuichu{
             width: p(148);
             height: p(75);
             border: 1px solid #ff9344;
             border-radius: p(31);
             background:#ff9344 ;
             color: white;
             line-height: p(75);
             text-align: center;
             display: inline-block;
             
         }
         .zhuxiao{
             width: p(148);
             height: p(75);
             border: 1px solid #ff9344;
             border-radius: p(31);
             background:#ff9344 ;
             color: white;
             line-height: p(75);
             text-align: center;
             float: right;
             display: inline-block;
//           margin-left: p(244);
         }
     }   
}
footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: p(16) 0;
        background: white;
        .nav{
            font-size: 0;
            li{
                display: inline-block;
                width: 25%;
                a{
                    color: #000;
                    font-size: p(26);
                    display: block;
                    text-align: center;
                    i{
                        font-size: p(72);
                        color: #ff9344;
                    }
                }
            }
        }
    }
